﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FullProfile.aspx.cs" Inherits="Client.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!-- Style -->
    <style type="text/css">
        #ErrorMessage 
        {
            color:Red;
            font-size:15px;
            margin:10px;
         }
         #Header
         {
             width:850px;
             height:380px;
             margin-left:auto;
             margin-right:auto;
         }
                 .text 
        {
            font-size:16px;
            font-weight:bold;
            }
            .title {font-size:20px; font-weight:bold; color:#333333;}
            h2 { margin:0; padding: 0 0 10px 0; font-family:Verdana; font-size:18px; color:#333333;}
            .button {color:#DE1818; padding: 0 10px 10px 0; font-size:18px; text-decoration:underline; font-family:Verdana; font-weight:bold;}
        #Map {float:right; margin-top:10px;}
         #WrapperBox1 
         {
             width:200px;
             clear:none;
         }
         #Box1 
         {
             padding-top:10px;
             background-image:url("Img/grad.png");
             background-repeat:repeat;
             width: 500px;
             height: 380px;
             }
         #Box2 
         {
             padding-top:10px;
             background-image:url("Img/grad.png");
             background-repeat:repeat;
             width: 250px;
             height: 380px;
             }
         body {margin:0; padding:0; background-color:#333333; background-image:url('Img/pattern.gif'); background-repeat:repeat;}
         .col {margin-right:5px; margin-left:5px; padding-right:20px; padding-left:20px; float:left; background-color:White;}
         .star {width: 25px; height:24px; display:inline-block; background-image:url('Img/star.png');}
        .star2 {width: 25px; height:24px; display:inline-block; background-image:url('Img/star2.png');}
        .plus {width: 25px; height:24px; display:inline-block; background-image:url('Img/plus.png');}
        #ReviewWrapper {background-color:White; width:840px; margin-left:auto;
             margin-right:auto;}
        .odd {}
        .even {}
                hr {
        border: 0;
        width: 90%;
        height:1px;
        background-image:url('Img/grad.png');
        background-repeat:repeat;
        margin-top: 10px;
        margin-bottom: 10px;
        }
                .myBox 
        {
            margin:20px;
            margin-top: 20px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<form runat="server">
    <div id="ErrorMessage" runat="server"></div>
    <div runat="server" id="Content">
    <!-- Header -->
    <div runat="server" id="Header">
        <div runat="server" class="col" id="Box1">
            <div id="Map" runat="server"></div>
            <div id="WrapperBox1">
                    <div id="BusinessName" runat="server"></div>
                    <div id="Address" runat="server"></div>
                    <div id="PhoneNumber" runat="server"></div>
                    <div id="Spec" runat="server"></div>
            </div>


        </div>
        <div runat="server" class="col" id="Box2">
            <h2>Write a Review</h2>
            <div class='text'>Name</div>
            <asp:TextBox runat="server" ID="Name" MaxLength="20" Width="200px"></asp:TextBox>
            <div class='text'>Rating</div>
            <asp:RadioButtonList runat="server" ID="Rating" BorderStyle="None" RepeatLayout="Flow" CellPadding="10">
                <asp:ListItem Value="5" class="li"><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span></asp:ListItem>
                <asp:ListItem Value="4" class="li"><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span></asp:ListItem>
                <asp:ListItem Value="3" class="li"><span class="star"></span><span class="star"></span><span class="star"></span></asp:ListItem>
                <asp:ListItem Value="2" class="li"><span class="star"></span><span class="star"></span></asp:ListItem>
                <asp:ListItem Value="1" class="li" Selected="True"><span class="star"></span></asp:ListItem>
            </asp:RadioButtonList>
            <div class='text'>Comments</div>
            <asp:TextBox runat="server" ID="Comments" MaxLength="500" TextMode="MultiLine" Height="100px" Width="200px"></asp:TextBox>
            <a href="#" runat="server" onserverclick="SubmitReview" class="button">Submit</a>
        </div>
        </div>
        <div runat="server" id="ReviewWrapper">
        <h3><span runat="server" id="ReviewCount"> 0 </span> review(s) found.</h3>
        <div runat="server" id="Reviews"></div>
    </div>
    <!-- Wrapper with reviews -->
    <div runat="server" id="Wrapper">

    </div>
    </div>
  </form>
</body>
</html>
